<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>实训操作</title>
		<link rel="shortcut icon" href="../../image/favicon.ico"/>
		<link type="text/css" rel="stylesheet" href="../../css/bootstrap.min.css" />
		<link type="text/css" rel="stylesheet" href="../../css/different.css" />
		<link rel="stylesheet" type="text/css" href="../../common/operation.css"/>
		<script src="../../js/jquery-1.4.4.min.js"></script>
		<script src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../common/gateone.js" ></script>
	</head>
	<body>
		<!--页面顶部-->
		<header class="header-nav">
			<div class="header-ul">
				<ul>
					<li>
						<a href="../../index.html">
							<span class="glyphicon glyphicon-circle-arrow-left"  aria-hidden="true"></span>
						</a>
					</li>
					<li class="nav-li">
						<a>
							<span class="glyphicon glyphicon-list-alt"  aria-hidden="true"></span>实训报告
						</a>
					</li>
					<li class="nav-li">
						<a>
							<span class="glyphicon glyphicon-book"  aria-hidden="true"></span>实训概述
						</a>
					</li>
					<li class="nav-li">
						<a>
							<span class="glyphicon glyphicon-film"  aria-hidden="true"></span>视频讲解
						</a>
					</li>
					<li class="nav-li">
						<a>
							<span class="glyphicon glyphicon-headphones"  aria-hidden="true"></span>实训FAQ
						</a>
					</li>
					<li class="nav-li">
						<a>
							<span class="glyphicon glyphicon-user"  aria-hidden="true"></span>导师答疑
						</a>
					</li>
					<li class="nav-li">
						<a>
							<span class="glyphicon glyphicon-bookmark"  aria-hidden="true"></span>实训笔记
						</a>
					</li>
					<li class="nav-li">
						<a>
							<span class="glyphicon glyphicon-thumbs-up"  aria-hidden="true"></span>桌面共享
						</a>
					</li>
					<li class="nav-li">
						<a>
							<span class="glyphicon glyphicon-move"  aria-hidden="true"></span>桌面全屏
						</a>
					</li>
					<li class="nav-li-end">
						<a>
							<span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
						</a>
						<a href="../../index.html#users">LYN</a>
						<span>|</span>
						<a  href="../../login.html">退出</a>
					</li>
					
				</ul>
			</div>
		</header>
		<!--主要内容区域-->
		<section>
			<div class="content">
				<!--进度-->
				<div class="schedule">
					<img src="../../image/timer.jpg" />
				</div>
				<!--gateone-->
				<div class="gateone-div">
					<div id = "gateone_container"  style = "width：100px; height：100px">
					    <div id="gateone" style = "width：100px; height：100px"></div>
					</div>
				</div>
			</div>
		</section>
		<!--独立区域-->
		<article>
			<aside>
				<!--步骤区域-->
				<div class="step">
					<!--标题信息-->
					<div class="step-title">
						<h4>实训详情</h4>
						<h4>&nbsp;&nbsp;系统开发项目实战</h4>
						<p>
							<span>当前第一步</span>
						</p>
					</div>
					<!--目的-->
					<div class="step-purpose">
						<ul>
							<li>实训目的</li>
							<li>《深入浅出Hadoop》由浅入深地讲解了hdfs、yarn、mapreduce三大组件的使用及内部运行流程。通过本课程的学习，学员不仅能知其然，还能知其所以然；可以快速掌握Hadoop的应用开发技能</li>
						</ul>
					</div>
					<!--操作-->
					<div class="step-operation">
						<ul>
							<li>实训操作</li>
							<li>
								<h3>第一步：部署环境</h3>
							</li>
							<li>1.1：完成环境部署搭建，按照文件已经准备完毕，请在终端找到安装文件并执行，命令为：</li>
							<li>
								<span>$ df $ 运行 css.zip</span>
							</li>
							<li>1.2：安装完成，通过命令查看是否正常，命令为：</li>
							<li>
								<span>$  shell1.sh</span>
							</li>
						</ul>
					</div>
				</div>
				<!--实训报告-->
				<!--<div class="report" style="text-align: center;">
							
				</div>-->
	
			</aside>
		</article>
		<!--进度条-->
		<article>
			<div id="progress">
				<div id="loading">
					<div id="loading-center">
						<div id="loading-center-absolute">
							<div class="object"></div>
							<div class="object"></div>
							<div class="object"></div>
							<div class="object"></div>
							<div class="object"></div>
							<div class="object"></div>
							<div class="object"></div>
							<div class="object"></div>
							<div class="object"></div>
							<div class="object"></div>
						</div>
						<div id="loading-text">
							<p>正在进行环境载入，请耐心等待...</p>
						</div>
					</div>
				</div>
			</div>
		</article>
		<!--页面底部区域暂无设计-->
		<footer></footer>
		<script src="../../common/operation.js"></script>
	</body>
</html>
